*{
    margin: 0;
    padding: 0;
}
// 头部样式
header{
    >span{
        margin-top: 1.5rem;
        font-size: 0.34rem;
        >i{ 
            display: inline-block;
            vertical-align: middle;
            margin-right: .2rem;
            font-size: .4rem !important;
            color: #d8940e;
        }
    }
    >div{
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: .8rem;
        background: #233052;
        padding: .2rem .3rem;
        box-sizing: border-box;
        >i{
            margin-top: .1rem;
            vertical-align: text-top;
            font-size: .28rem !important;
        }
        .position{
            vertical-align: text-top;
            font-size: .28rem;
        }
        &::after{
            content: '';
            position: absolute;
            right: .3rem;
            bottom: .1rem;
            border: .15rem solid #fff;
            border-left: .15rem solid transparent;
            border-right: .15rem solid transparent;
            border-bottom: .15rem solid transparent;
        }
    }
}
// 主体内容部分样式
main{
    padding-top: .3rem;
    padding-left: .3rem;
    overflow: auto;
    margin-bottom: 1.4rem;
    div{
        width: 90%;
        display: flex;
        justify-content: space-between;
        >p{
            font-size: .3rem;
        }
        >span{
            font-size: .24rem;
        }
    }
    article{
        margin: .2rem 0;
        >ul{
            display: flex;
            list-style: none;
            font-size: .24rem;
            overflow: auto;
            &::-webkit-scrollbar{
                width: 0;
                display:none;
            }
            >a{
                text-decoration: none;
                color: #000;
                >li{
                    width: 2.2rem;
                    margin: 0 .2rem;
                    text-align: center;
                    >div{
                        width: 2.2rem;
                        height: 3rem;
                        border-radius: 12px;
                        overflow: hidden;
                        margin-bottom: .1rem;
                        >img{
                            width: 100%;
                            height: 100%;
                        }
                    }
                    >p{
                        width: 80%;
                        margin: 0 auto;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        font-size: .24rem;
                    }
                }
            }
        }
    }
}

